﻿@{
    ViewBag.Title = "Preparation";
}
<script type="text/javascript">
    $(this).ready(function () {
        $("#menu li").removeAttr("class");
        $("#menu li").eq(3).attr("class", "menu_active");
    })
</script>
<script src="~/Scripts/Preparation/index.js"></script>
<link href="~/Content/Preparation/index.css" rel="stylesheet" />
<div class="wrapper pad1" >
    <article class="col1">
	    <div class="box1" style="box-shadow: 0 0 3px #373737;">
		   <ul class="nav nav-list list1 font-weight-bold">
                <li class="nav-header">Before your fly</li>
                <li><a href="library">Travel Documents</a></li>
                <li><a href="#">Web Check In</a></li>
                <li><a href="library">At the Airport</a></li>
                <li><a href="#">Baggage Information</a></li>
                <li><a href="#">Special Needs</a></li>
                <li><a href="library">Travel Advice</a></li>
                <li><a href="#">Option Town</a></li>
              </ul> 
		</div>
        <a href="/Book"><img style="margin: 20px 50px auto" src="~/Content/Service/BookYourTripImage.jpg" /></a>
	</article>
	<article id = "service_information" class="col2">
		@*<div class="wrapper pad_top1 pad_bot3">
			<div class="cols marg_right1">
				<h4>Travel Documents</h4>
				<ul class="list1">
					<li><a href="#">Ticket</a></li>
					<li><a href="#">Forms of Identification </a></li>
					<li><a href="#">Visa</a></li>
					<li><a href="#">Arrival document</a></li>
				</ul>
			</div>
			<div class="cols marg_right1">
				<h4>Web Check In</h4>
				<ul class="list1">
					<li><a href="#">General</a></li>
					<li><a href="#">Web Check-in requirements</a></li>
					<li><a href="#">Web Check-in steps</a></li>
					<li><a href="#">Arriving at the airport</a></li>
                    <li><a href="#">Web Check-in advice</a></li>
					<li><a href="#">Troubleshooting</a></li>
				</ul>
			</div>
			<div class="cols">
				<h4>At the Airport</h4>
				<ul class="list1">
					<li><a href="#">Check In Timings</a></li>
					<li><a href="#">Customs</a></li>
					<li><a href="#">Airport Tax</a></li>
					<li><a href="#">Airport Guide</a></li>
					<li><a href="#">Business lounges</a></li>
					<li><a href="#">Lost & Found counter</a></li>
				</ul>
			</div>
		</div>
		<div class="wrapper">
			<div class="cols marg_right1">
				<h4>Baggage Information</h4>
				<ul class="list1">
					<li><a href="#">Hand Baggage</a></li>
					<li><a href="#">Checked Baggage</a></li>
					<li><a href="#">Excess Baggage</a></li>
					<li><a href="#">Special Baggage</a></li>
					<li><a href="#">Baggage Restrictions & Disclaimer</a></li>
                    <li><a href="#">Baggage Security Check</a></li>
					<li><a href="#">Mishandled Baggage</a></li>
				</ul>
			</div>
			<div class="cols marg_right1">
				<h4>At The Airport</h4>
				<ul class="list1">
					<li><a href="#">Zurich Lounges</a></li>
					<li><a href="#">Geneva Lounges</a></li>
					<li><a href="#">Lounges Worldwide</a></li>
					<li><a href="#">World Airports</a></li>
				</ul>
			</div>
			<div class="cols">
				<h4>In The Air</h4>
				<ul class="list1">
					<li><a href="#">First Class</a></li>
					<li><a href="#">Business Class</a></li>
					<li><a href="#">Economy Class</a></li>
					<li><a href="#">Food and Beverages</a></li>
					<li><a href="#">Inflight Entertainment</a></li>
					<li><a href="#">Duty Free</a></li>
				</ul>
			</div>
		</div>*@
        <table class ="table table-bordered table-hover">
            <tr>
                <td style="width:20%">
                    <img style="width:100%" src="~/Content/Main/images/page5_img2.jpg" />
                </td>
                <td style="width:70%">
                   <a href="#">Travel Documents</a>                    
                    <p>Know about the various documents required before and during your travel</p>
                </td>
            </tr>
            <tr>
                <td>
                   a
                </td>
                <td style="width:70%">
                   a
                </td>
            </tr>
        </table>
	</article>
</div>
<script type="text/javascript"> Cufon.now(); </script>